<template>
	<view>
	<uni-nav-bar left-icon="bars" @clickLeft="showDrawer" right-icon="info-filled" @clickRight="navigateTo" title="传奇开心果模板"></uni-nav-bar>	<navigator class ="uni-navbar"url="../about/about"></navigator>
	<uni-drawer ref="showRight" mode="right" :mask-click="false">
		<scroll-view style="height: 100%;" scroll-y="true">
			//<button @click="closeDrawer" type="primary">关闭Drawer</button>
			<view v-for="item in 60" :key="item">可滚动内容 {{ item }}</view>
		</scroll-view>
	</uni-drawer>
	</view>
</template>

<script>
	export default {
		methods: {
			showDrawer() {
				this.$refs.showRight.open();
			},
			closeDrawer() {
				this.$refs.showRight.close();
			},
            navigateTo() {				
				//在起始页面跳转到about.vue页面并传递参数
				uni.navigateTo({
				    url: 'about/about?name=uniapp'
				});
			}

		}
	}
</script

<style>
	
</style>

